<svg width="250" height="250">
<g transform="translate(160, 130)">
    <path d="M-86.60254037844388,49.99999999999997A100,100 0 0,1 6.123031769111886e-15,-100L3.061515884555943e-15,-50A50,50 0 0,0 -43.30127018922194,24.999999999999986Z" fill="steelblue" stroke="black" stroke-width="1" class="arc"></path>

    <!-- Center -->
    <circle r="1" fill="black" cx="0" cy="0" />

    <!-- innerRadius "error bar" -->
    <line stroke="black" stroke-width="1" x1="10" x2="20" y1="-50" y2="-50" /> 
    <line stroke="black" stroke-width="1" x1="15" x2="15" y1="0" y2="-50" />
    <line stroke="black" stroke-width="1" x1="10" x2="20" y1="0" y2="0" /> 

    <!-- outerRadius "error bar" -->
    <g transform="rotate(-120) translate(-30, 0)">
        <line stroke="black" stroke-width="1" x1="5" x2="15" y1="-100" y2="-100" class="outerRadius" /> 
        <line stroke="black" stroke-width="1" x1="10" x2="10" y1="0" y2="-100" class="outerRadius" />
        <line stroke="black" stroke-width="1" x1="5" x2="15" y1="0" y2="0" class="outerRadius" />
    </g>
</g>
</svg>

<!-- <div class="startAngle angle-expanded field" field="startAngle">
    <label>Start Angle</label>
</div>

<div class="endAngle angle-expanded field" field="endAngle">
    <label>End Angle</label>
</div> -->

<div class="angle field" field="angle">
    <label>Angle</label><br />
    <input type="hidden" value="" class="value" />
</div>

<div class="innerRadius field" field="innerRadius">
    <label>Inner Radius</label><br />
    <input type="number" value="0" />
</div>

<div class="outerRadius field" field="outerRadius">
    <label>Outer Radius</label><br />
    <input type="number" value="100" />
</div>

<div class="fill field" field="fill">
    <label>Fill</label><br />
    <input type="color" value="#4682b4" class="value">
</div>

<div class="stroke field" field="stroke">
    <label>Stroke</label>
    <input type="color" value="#000000" class="value">
</div>

<div class="strokeWidth field" field="strokeWidth">
    <label>Stroke Width</label>
    <input type="range" min="0" max="10" step="0.5" class="value" />
</div>